<script setup lang="ts">
import DocumentationIcon from '../components/icons/IconDocumentation.vue'
import ToolingIcon from '../components/icons/IconTooling.vue'
import EcosystemIcon from '../components/icons/IconEcosystem.vue'
import CommunityIcon from '../components/icons/IconCommunity.vue'
import SupportIcon from '../components/icons/IconSupport.vue'

</script>

<template>
  <div>
    <h1>This is an about page</h1>
    <p class="flex flex-row gap-2">
      <i>
        <DocumentationIcon></DocumentationIcon>
      </i><i>
        <ToolingIcon></ToolingIcon>
      </i><i>
        <EcosystemIcon></EcosystemIcon>
      </i><i>
        <CommunityIcon></CommunityIcon>
      </i><i>
        <SupportIcon></SupportIcon>
      </i>
    </p>
  </div>
</template>
